// Pay attention here // 注意这里的导入方式
import * as VueRouter from 'vue-router'

// import Home from '@/vroute/index.vue'

const router = VueRouter.createRouter({
  // 注意这里
  // https://blog.csdn.net/qq_42825870/article/details/120749062
  history: VueRouter.createWebHashHistory('/vroute/index.html'),
  // 2中写法，用 history 形式 (不一定非要用 router)
  // 一、如果不是 hash，那么 nginx 就要写路由了，
  // -------
  // 二、不想用 hash，就没有必要 用 vue-route@4 了, 路由自己写 local.href = 'xx' (请看 /src/App.vue)
  // 1. 那么去掉 vrote 目录下的  pages 目录
  // 2. 在 /build/rollup-options -> input 加入这些子路由 即可

  routes: [
    {
      path: '/',
      // https://v3.cn.vuejs.org/guide/ssr/routing.html#%E4%BB%A3%E7%A0%81%E5%88%86%E7%A6%BB
      // ok - 1 - 代码分离、或懒加载
      component: () => import('../pages/index.vue')
      // ok - 2
      // component: Home
    },
    {
      path: '/one',
      component: () => import('../pages/one.vue')
    },
    {
      path: '/two',
      component: () => import('../pages/two.vue')
    },
  ]
})

export default router